<template>
    <div :style="style" />
</template>

<script setup lang="ts">
const props = defineProps(['size'])

const style = computed(() => {
    const styles = []
    if (props.size?.length > 0) {
        styles.push(`height: ${props.size}`)
    }
    return styles.join(";")
})

</script>

<style scoped>
div {
    background-color: transparent;
}
</style>